<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>长春市公共信息服务平台</title>
    <style type="text/css">
        #map {
            position: relative;
            height: 100%;
            border: 1px solid #ecf0f5;
        }

        #toolbar {
            position: relative;
            padding-top: 5px;
            padding-bottom: 10px;
        }
    </style>
    <link rel="Shortcut Icon" href="../cchunGIS/image/mjg/changchun.png">
    <link rel="stylesheet" href="./css/mjg-css/cchun.css" />
    <link rel="stylesheet" href="./css/mjg-css/cchund.css" />
    <link rel="stylesheet" href="./css/mjg-css/layui.css" />
    <script type="text/javascript" src="./layui/layui.js" charset="utf-8"></script>
    <script type="text/javascript" src="./js/mjg-js/index-1.js" charset="utf-8"></script>
    <script type="text/javascript" src="./js/mjg-js/index-2.js" charset="utf-8"></script>
    <link href='./supermap/examples/css/bootstrap.min.css' rel='stylesheet' />
    <link href='./supermap/examples/css/bootstrap-responsive.min.css' rel='stylesheet' />
    <script src='./supermap/libs/SuperMap.Include.js'></script>
    <script type="text/javascript">
        var map, layer, drawPoint, drawLine, drawPolygon, pointLayer, lineLayer, polygonLayer, marker;
        host = document.location.toString().match(/file:\/\//) ? "http://localhost:8090" : 'http://' + document.location
            .host;
        style = {
            strokeColor: "#304DBE",
            strokeWidth: 2,
            pointerEvents: "visiblePainted",
            fillColor: "#304DBE",
            fillOpacity: 0.8
        }
        styleGuidePoint = {
                pointRadius: 20,
                externalGraphic: "../cchunGIS/image/mjg/marker.png",
            },
            url = host + "/iserver/services/map-changchun/rest/maps/长春市区图";
    </script>
</head>

<body class="body" onload="init()">
    <div id="toolbar">
        <input type="button" class="btn" value="距离量算" onclick="distanceMeasure()" />
        <input type="button" class="btn" value="绘制点" onclick="draw_point()" />
        <input type="button" class="btn" value="绘制面" onclick="draw_polygon()" />
        <input type="button" class="btn" value="清除" onclick="clearFeatures()" />
    </div>
    <div id="map"></div>
</body>


</html>